<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Restaurant Ordering</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
<main>
    <div class="containerp" style="display: flex">
        <div class="menu">
            <h2>Menu</h2>
            <!-- 在此添加更多菜单项 -->
        </div>

        <div class="cart">
            <h2>Shopping Cart</h2>
            <div class="cart-items">
                <!-- 在此添加更多购物车项 -->
            </div>
            <div style="margin: 10px 0">total: $<span id="cart-total">0.00</span></div>
            <div style="margin-top: 10px">
                <button id="place-order-button">Place Order</button>
                <button id="checkout-button">Checkout</button>
            </div>
        </div>
    </div>
    <!-- 弹窗元素 -->
    <div id="myAlert"></div>
</main>
<script src="env.js"></script>
<script src="cookies.js"></script>
<script src="menu.js"></script>
<script src="cart.js"></script>
</body>

</html>
